<template>
  <div class="container-page-article">
    <itemArticle v-for="(temp, index) in list" :key="index" :value="temp" />
  </div>
</template>

<script>
// item
import itemArticle from '@/components/miva-item/item-article'
// api
import { shopArticle } from '@/api/miva'
export default {
  components: {
    itemArticle
  },
  data() {
    return {
      list: []
    }
  },
  async mounted() {
    await this.getShopArticle()
  },
  methods: {
    async getShopArticle() {
      const res = await shopArticle({ type: 1, limit: 999 })
      this.list = res.data
    }
  }
}
</script>
